<!-- 商品详情页面 -->

<!doctype html>
<html>
	<head>
		<meta charset="utf-8">
		<title>搜索得到的商品信息</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.css" rel="stylesheet" />
		<script src="js/mui.js"></script>
		<script src="js/jquery-3.2.1.min.js"></script>
		<script type="text/javascript">
			mui.init({
				pullRefresh: {
					container: ".mui-content", //下拉刷新容器标识，querySelector能定位的css选择器均可，比如：id、.class等
					down: {
						style: 'circle', //必选，下拉刷新样式，目前支持原生5+ ‘circle’ 样式
						color: '#55aaff', //可选，默认“#2BD009” 下拉刷新控件颜色
						height: '50px', //可选,默认50px.下拉刷新控件的高度,
						range: '100px', //可选 默认100px,控件可下拉拖拽的范围
						offset: '0px', //可选 默认0px,下拉刷新控件的起始位置
						auto: false, //可选,默认false.首次加载自动上拉刷新一次
						callback: function() { //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；
							//item.getItemList();
							setTimeout("mui('.mui-content').pullRefresh().endPulldownToRefresh()", 1000);
						}
					}
				}
			})
		</script>
		<link href="css/search-item.css" rel="stylesheet" />
		<script src="js/ItemInfo.js"></script>

	</head>

	<body>
		
		<div class="mui-content">
			<div class="content"></div>
		</div>
		<nav class="mui-bar mui-bar-tab">
			<div id="three-btn">
				<span class="bottom-shop">
					<img src="img/shangdian.png" />
					<p>店铺</p>
				</span>
				<span class="bottom-collect">
					<img src="img/shoucang.png" />
					<p>收藏</p>
				</span>
				<span id="bottom-chat">
					<img src="img/kefu.png" />
					<p>客服</p>
				</span>
			</div>
			<div id="purchase">
				<p>购买</p>
			</div>
		</nav>

		<!-- 选择商品规格 -->
		<div id="popover" class="mui-popover">
			<div id="item-select"></div>
			<div id="attr-title">请选择商品属性</div>
			<div id="attribute">
				<div id="attr-name"></div>
				<div id="attr-value"></div>
				<div id="changeNum">
					<span id="num-title">数量</span>
					<span id="change">
						<div id="lessen">-</div>
						<div id="num">0</div>
						<div id="add">+</div>
					</span>

				</div>
			</div>
			<div id="xiadan" class=" mui-bar mui-nav-tab">确定</div>
		</div>
		<!-标题栏->
		<div class="tpanel">
			<button type="button" onclick="window.history.back()">&lt</button>
			<span class="title">商品详情页</span>
			<button type="button" onclick="window.location.href='index.html'"> 首页 </button>
		</div>
	</body>

</html>
